<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  data:function(){
    return{
      data:[]
    }
  },
  created:function(){
    this.$store.dispatch('getdata')
    this.dataer=this.$store.state.data
    console.log(this.dataer)
  }
  // created:function(){
  //   fetch("./static/data/guahaodata.json").then((response)=>{
  //     response.json().then((data)=>{
  //       this.data=data;
  //       console.log(data[0]);
  //     })
  //   })
  // }
}
</script>

<style>
#app {
  height: 100%;
  width: 100%;
}
</style>
